// @flow
import {Button, Layout} from 'antd';
import '@ant-design/v5-patch-for-react-19';
import {MenuFoldOutlined, MenuUnfoldOutlined} from '@ant-design/icons';

const {Header, Sider, Content} = Layout;


interface Props {
    colorBgContainer: string,
    collapsed: boolean,
    setCollapsed: Function,
};
export const MyHeader = (props: Props) => {

    const {collapsed, colorBgContainer, setCollapsed} = props;
    return (
        <>
            <Header style={{padding: 0, background: colorBgContainer}}>
                <Button
                    type="text"
                    icon={collapsed ? <MenuUnfoldOutlined/> : <MenuFoldOutlined/>}
                    onClick={() => setCollapsed(!collapsed)}
                    style={{
                        fontSize: '16px',
                        width: 64,
                        height: 64,
                    }}
                />

                1111
                232323
                1212121


            </Header>

        </>
    );
};

